<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>红粉佳人</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/baguetteBox.min.css">
	<link rel="stylesheet" href="css/gallery-grid.css">
</head>
<body>
<div class="container gallery-container">
	<h1>群芳争艳</h1>
	<p class="page-description text-center">
		<a href="${pageContext.request.contextPath}/">预约</a> &nbsp;<a href="${pageContext.request.contextPath}/list">赏芳</a> &nbsp; <a href="${pageContext.request.contextPath}/upload">红粉Upload</a> Image
	</p>

	<div class="tz-gallery">
		<div class="row">
			<c:forEach var="data" items="${imageData}">
				<div class="col-sm-6 col-md-4" >
					<a class="lightbox" href="${pageContext.request.contextPath}${data.path}">
						<img src="${pageContext.request.contextPath}${data.path}" alt="Park"></img>
					</a>
				</div>
			</c:forEach>


		</div>
	</div>

</div>

	<script type="text/javascript" src="js/baguetteBox.min.js"></script>
	<script type="text/javascript">
		baguetteBox.run('.tz-gallery');

	</script>
</body>
</html>